$(function() {
	// <!-- 05超链接文字提示 -->
	// 整体思路： 鼠标移入则展示对应title中的值， 移除则隐藏
	// 步骤： 鼠标移入移出事件
	// 第一步鼠标移入： 1、 获取title里的值；
	// 2、 创建一个div（ 填充获取的title的值、 把原本的title的文字清空）；
	// 3、 追加到body里面
	// 4、 css设置（ e.pageX + 10 px， e.pageY + 20 px）, 并显示， 默认样式是隐藏
	// 第二步鼠标移出： 1、 还title 2、 删除创建的div
	// 第三部鼠标移动事件： 设置css保证div跟随鼠标移动
	// https: //og.sina.com.cn/s/blog_62d9b0bf0100r35v.html(mouseover 和 hover 方法的不同)
	// 	超链接文字提示窗(event对象代表时间的状态， 比如时间在其中发生的元素、 键盘按键的状态、 鼠标的位置、 鼠标按钮的状态)

	// $(".tooltip").mouseover(function(e) {
	// 		this.Mytitle = this.title;
	// 		this.title = "";
	// 		var HtmlDiv = "<div id='tooltip'>" + this.Mytitle + "</div>";
	// 		$("body").append(HtmlDiv);
	// 		$("#tooltip").css({
	// 			left: e.pageX + 10,
	// 			top: e.pageY + 20
	// 		}).show(1000)
	// 	})
	// 	.mouseout(function() {
	// 		this.title = this.Mytitle;
	// 		$("#tooltip").remove();
	// 	})
	// 	.mousemove(function(e) {
	// 		$("#tooltip").css({
	// 			left: e.pageX + 10,
	// 			top: e.pageY + 20
	// 		})
	// 	})

	$(".tooltip").mouseover(function(e) {
			this.tit = this.title;
			this.title = ""; //将a标签的title属性消失
			var htmlDiv = "<div id='tooltip'>" + this.tit + "</div>"; //创建 div 元素
			$("body").append(htmlDiv); //把div追加到文档中 
			$("#tooltip").css({
				left: e.pageX + 10,
				top: e.pageY + 20
			}).show("fast"); //设置鼠标x坐标和y坐标，并且显示
		})
		.mouseout(function() {
			this.title = this.tit; //将原本的title值还给自己定义的变量
			$("#tooltip").remove(); //移除
		})
		.mousemove(function(e) {
			$("#tooltip").css({
				left: e.pageX + 10,
				top: e.pageY + 20
			}) //跟着鼠标移动的位置而改变htmlDiv的位置
		})


})


/*超链接文字提示*/
// $(function() {

// 	var x = 10;
// 	var y = 20;
// 	$("a.tooltip").mouseover(function(e) {
// 		this.myTitle = this.title;
// 		this.title = "";
// 		var tooltip = "<div id='tooltip'>" + this.myTitle + "</div>"; //创建 div 元素   
// 		$("body").append(tooltip); //把它追加到文档中   
// 		$("#tooltip")
// 			.css({
// 				"top": (e.pageY + y) + "px",
// 				"left": (e.pageX + x) + "px"
// 			}).show("fast"); //设置x坐标和y坐标，并且显示   
// 	}).mouseout(function() {
// 		this.title = this.myTitle;
// 		$("#tooltip").remove(); //移除    
// 	}).mousemove(function(e) {
// 		$("#tooltip")
// 			.css({
// 				"top": (e.pageY + y) + "px",
// 				"left": (e.pageX + x) + "px"
// 			});
// 	});
// })
